// 一些公用函数

/**
 * 获取url中的id参数 url: /user/edit/{id}
 * 
 * @returns
 */
var uploader;
var video="";
$(function(){	
	// 初始化Web Uploader
	uploader = WebUploader.create({

	    // 选完文件后，是否自动上传。
	    auto: true,

	    // swf文件路径
	    swf: '/js/lib/webuploader/0.1.5/Uploader.swf',
	    // 文件接收服务端。
	    //server: 'http://192.168.1.198:8051/file/video',
	    /*server: 'http://192.168.1.198:8051/file/video',*/
	    server: '/file/uploadVideo',
	    // 选择文件的按钮。可选。
	    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
	    pick: '#videoPicker',
	    timeout: 0,
//	    // 只允许选择图片文件。
//	    accept: {
//	        title: 'Images',
//	        extensions: 'gif,jpg,jpeg,bmp,png,apk'
//	    }
	});
	
	
	// 当有文件添加进来的时候
uploader.on( 'fileQueued', function( file ) { 
	$("#videoList").html("");
	 var $list = $("#videoList");
		 $li = $( 
				 '<div id="' + file.id + '" class="file-item thumbnail">' + 
				 '<img src="/images/videologo.png">' + 
				 '<div class="info">上传中...</div>' +
				 '</div>'
				 ), 
				 $img = $li.find('img');
		
				 // $list为容器jQuery实例 
				 $list.append( $li ); 

});
// 文件上传过程中创建进度条实时显示。 
uploader.on( 'uploadProgress', function( file, percentage ) { 
//	var $li = $( '#'+file.id ),
//	$li.find('p.state').text('上传中');
//	 var $li = $( '#'+file.id ), 
//	 $percent = $li.find('.progress span'); 
//	  
//	 // 避免重复创建 
//	 if ( !$percent.length ) { 
//	 $percent = $('<p class="progress"><span></span></p>') 
//	 .appendTo( $li ) 
//	 .find('span'); 
//	 } 
//	  
//	 $percent.css( 'width', '100px' ); 
	});
	// 文件上传成功，给item添加成功class, 用样式标记上传成功。 
	uploader.on( 'uploadSuccess', function( file, res ) {
		
    	$("#video").val(res.data[0]);//这里可以得到上传后的文件路径
    	$( '#'+file.id ).find('div.info').text(file.name);
    	$( '#'+file.id ).find('div.info').css( 'background-color', 'green' );
	}); 
	  
	// 文件上传失败，显示上传出错。 
	uploader.on( 'uploadError', function( file ) {
		$( '#'+file.id ).find('div.info').text('上传失败...');
		$( '#'+file.id ).find('div.info').css( 'background-color', 'red' );
		
//	 var $li = $( '#'+file.id ), 
//	 $error = $li.find('div.error'); 
//	  
//	 // 避免重复创建 
//	 if ( !$error.length ) { 
//	 $error = $('<div class="error"></div>').appendTo( $li ); 
//	 } 
//	  
//	 $error.text('上传失败'); 
	}); 
	  
	// 完成上传完了，成功或者失败，先删除进度条。 
	uploader.on( 'uploadComplete', function( file ) { 
	 $( '#'+file.id ).find('.progress').remove(); 
	});
});

function loadUpdate(src){
	
	 var $list = $("#videoList"), 
	 $li = $( 
	 '<div id="fileid" class="file-item thumbnail">' + 
	 '<img>' + 
	 '<div class="info"></div>' + 
	 '</div>'
	 ), 
	 $img = $li.find('img'); 
	  
	  
	 // $list为容器jQuery实例 
	 $list.append( $li ); 
	 $img.attr( 'src', src ); 
	 $img.attr( 'width', 100 ); 
	 $img.attr( 'height', 100 ); 
}
